<!DOCTYPE html>
<html lang="en">
<head>
    <title>用户列表</title>
    <script type="text/javascript" src="/static/public.js"></script>
    <script type="text/javascript" src="/static/js/user/userList.js"></script>
</head>
<body>
<div>
    <!-- 表格数据 -->
    <table id="userListId" title="用户列表" class="easyui-datagrid"
           url="/w/wh001/wh012" toolbar="#toolbarId" pagination="true"
           rownumbers="true" fitColumns="true" striped="true">
        <thead>
        <tr>
            <th data-options="field:'id',checkbox:true" width="50"></th>
            <th width="50" data-options="field:'companyId'">公司id</th>
            <th width="50" data-options="field:'officeId'">部门id</th>
            <th width="50" data-options="field:'loginName'">登录名</th>
            <th width="50" data-options="field:'password'">密码</th>
            <th width="50" data-options="field:'no'">工号</th>
            <th width="50" data-options="field:'name'">姓名</th>
            <th width="50" data-options="field:'sex'">性别</th>
            <th width="50" data-options="field:'email'">邮箱</th>
            <th width="50" data-options="field:'phone'">电话</th>
            <th width="50" data-options="field:'mobile'">手机</th>
            <th width="50" data-options="field:'addressId'">地址</th>
            <th width="50" data-options="field:'userType'">用户类型</th>
            <th width="50" data-options="field:'photo'">用户头像</th>
            <th width="50" data-options="field:'loginIp'">最后登录的ip</th>
            <th width="50" data-options="field:'loginDate'">最后登录的时间</th>
            <th width="50" data-options="field:'loginFlag'">是否可登录</th>
            <th width="50" data-options="field:'createBy'">创建者</th>
            <th width="50" data-options="field:'createDate'">创建时间</th>
            <th width="50" data-options="field:'updateBy'">更新者</th>
            <th width="50" data-options="field:'updateDate'">更新时间</th>
            <th width="50" data-options="field:'remarks'">备注信息</th>
        </tr>
        </thead>
    </table>
    <!-- 工具条 -->
    <div id="toolbarId" style="padding: 5px; height: auto">
        <div style="margin-bottom: 5px">
            <a href="javascript:void(0)" id="addUserId"
               class="easyui-linkbutton" onclick="openUserDialog()"
               iconCls="icon-add" plain="true">添加</a>
        </div>
    </div>

    <!-- 用户对话框 -->
    <div id="userDialogId" class="easyui-dialog" title=""
         style="width: 950px; height: 300px;" data-options="modal:true"
         closed="true" buttons="#userDialogIdToolbarId">
        <form id="userFormId" method="post" style="margin-top: 30px;" enctype="multipart/form-data">
            <table class="userTableClass" width="100%" height=""
                   style="BORDER-COLLAPSE: collapse;" cellpadding="1" border="1"
                   borderColor="#BEBEBE" align="center">
                <tr>

                    <td style="background: #E0EEEE"><label>真实姓名：</label></td>
                    <td><input id="pkId" type="hidden" name="id"/> <input
                            type="hidden" name="addressId"/> <input type="text" name="name"/>
                    </td>
                    <td style="background: #E0EEEE"><label>年龄：</label></td>
                    <td><input type="text" name="age"/></td>
                    <td style="background: #E0EEEE"><label>性别：</label></td>
                    <td><select id="sexId" class="easyui-combobox" name="sex"
                                style="width: 50px;" editable="false"
                                data-options="panelHeight:'auto'">
                        <option value="1">男</option>
                        <option value="0">女</option>
                    </select></td>
                </tr>
                <tr>
                    <td style="background: #E0EEEE"><label>登录名：</label></td>
                    <td><input type="text" class="easyui-validatebox"
                               name="loginName" missingMessage="请输入登录名"
                               data-options="required:true"/></td>
                    <td style="background: #E0EEEE"><label>密码：</label></td>
                    <td><input id="passwordId" type="password" name="password"
                               value="123"/><font color="#FF0000" size="2">(*默认：123)</font></td>

                    <td style="background: #E0EEEE"><label>昵称：</label></td>
                    <td><input type="text" name="nickName"/></td>
                </tr>
                <tr>
                    <td style="background: #E0EEEE"><label>邮箱：</label></td>
                    <td><input type="text" name="email"/></td>
                    <td style="background: #E0EEEE"><label>手机号码：</label></td>
                    <td><input type="text" name="phone"/></td>
                    <td style="height: 80px;width: 100px;">
                        <img src="" id="imgView" style="width:100%;height:100%;"/>
                    </td>
                    <td align="center">
                        <span>添加头像</span><br/>
                        <input id="fileId" type="file" name="file" class="easyui-validatebox"
                               data-options="required:true" missingMessage="请选择文件"
                               onchange='show()' />
                    </td>
                </tr>
                <tr>
                    <td colspan="6" style="font-size: 13px;">国： <select
                            id="countryId" class="easyui-combobox" name="country"
                            editable="false" style="width: 60px;"
                            data-options="panelHeight:'auto'">
                        <option value="1">中国</option>
                    </select>
                        省： <input id="provinceId" style="width: 60px;" data-options="panelHeight:'110'" />
                        市： <input id="cityId" style="width: 90px;" data-options="panelHeight:'110'" />
                        区县： <input id="districtId" name="districtId" style="width: 100px;" data-options="panelHeight:'110'" />
                        详细地址： <input type="text" name="address" />
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div id="userDialogIdToolbarId">
        <div style="margin-bottom: 5px">
            <a href="javascript:void(0)" id="saveId" class="easyui-linkbutton" iconCls="icon-ok" plain="true">保存</a>
            <a href="javascript:void(0)" id="closeId" class="easyui-linkbutton" iconCls="icon-cancel" plain="true">取消</a>
        </div>
    </div>

</div>

</body>
</html>
